<!doctype html>
<!--[if IE 7]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>Site | Booking</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="author" content="" />	
    <meta name="viewport" content="width=device-width" />
	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" media="screen" />	
    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen" />
    <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body>
	<div id="container" role="main">
		<div class="header">
            <div class="navbar navbar-inverse" role="navigation">
                <div class="top-header">
                	<div class="inner clearfix">
                        <ul class="list-1 clearfix ">
                            <li class="pull-left">
                            	<span class="btn btn-user"><i class="fa fa-user"></i></span>
                            </li>
                            <li>
                            	<div class="navbar-header">
			                        <a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a> 
			                    </div>
                            </li>
                            <li class="pull-right">
                            	<span class="btn btn-search"><i class="fa fa-search"></i></span>
                            </li>
                        </ul>
                    	<form class="form-search hidden" method="get" id="form-search" action="/">
						    <div class="input-append">
						        <input type="text" class="input-medium search-query" name="search" placeholder="Search..." value="">
						    </div>
						    <div class="wrap-btn-search">
						    	<i class="fa fa-search"></i>
						    </div>
						</form>
	                </div>
                </div>
            </div>
        </div>
		<div id="main">
			<div class="block-1">
				<div class="top">
					<div class="inner">						
						<div class="text-1">
							<h2 class="title">Future Now Music Festival</h2>
							<span class="sub-title">THE HOTTEST EDM EVENT OF 2014</span>
						</div>
						<div class="infor-block">
							<div class="address-infor"><i class="fa fa-map-marker"></i><a href="#" title="">Saigon Exhibition And Convention Center (SECC) 799 Nguyen Van Linh, D.7, HCMC</a></div>
							<ul class="calendar">
								<li>
									<div class="dropdown">
										<i class="fa fa-clock-o"></i>
										<a role="button" class="btn btn-choose-time" data-toggle="dropdown" data-target="#menu-choose-time">Fri 4:00 PM, 07 - 06, 2014</a>
										<div id="menu-choose-time" class="dropdown-menu warp-blk-choose-time" role="menu">
											<span class="arrow_box"></span>
											<ul>
												<li role="presentation"><a role="menuitem" tabindex="0" href="#">Fri 4:00 PM, 07 - 06, 2014</a></li>
												<li role="presentation"><a role="menuitem" tabindex="1" href="#">Fri 4:50 PM, 07 - 06, 2015</a></li>
												<li role="presentation"><a role="menuitem" tabindex="2" href="#">Fri 4:50 PM, 07 - 06, 2016</a></li>
											</ul>
										</div>
									</div>
								</li>
								<li>
									<div class="dropdown">
										<i class="fa fa-calendar"></i>
										<a role="button" class="btn btn-add-calendar" data-toggle="dropdown" data-target="#menu1">ADD TO CALENDAR</a>
										<div id="menu1" class="dropdown-menu warp-blk-list-calendar" role="menu" aria-labelledby="drop4">
											<span class="arrow_box"></span>
											<ul>
												<li role="presentation"><i class="fa fa-google-calendar"></i><a role="menuitem" tabindex="-1" href="#">Google Calendar</a></li>
												<li role="presentation"><i class="fa fa-i-calendar"></i><a role="menuitem" tabindex="-1" href="#">iCalendar</a></li>
												<li role="presentation"><i class="fa fa-outlook-calendar"></i><a role="menuitem" tabindex="-1" href="#">Outlook Calendar</a></li>
											</ul>
										</div>
									</div>
								</li>
							</ul>						
						</div>
						<div class="fb-block">
							<img src="images/bg-social.png" alt="">
						</div>
					</div>
				</div>
			</div>
			<div class="details-block">
				<div class="inner">
					<div id="carousel-2" class="carousel slide" data-ride="carousel">
						<!-- Wrapper for slides -->
					  	<div class="carousel-inner">
						    <div class="item active">
						      	<img src="images/upload/photo-2.jpg" alt="" />
						    </div>
						    <div class="item">
						      	<img src="images/upload/photo-1.jpg" alt="" />
						    </div>
						    <div class="item">
						      	<img src="images/upload/photo-2.jpg" alt="" />
						    </div>
					  	</div>

							<!-- Controls -->
					  	<a class="left carousel-control carousel-control-carousel-2" href="#carousel-2" data-slide="prev"></a>
					  	<a class="right carousel-control carousel-control-carousel-2" href="#carousel-2" data-slide="next"></a>
					</div>
					<div class="ticket-infor">
						<h2 class="title">ticket infomation</h2>
						<div class="fck desc">
							<p><strong>From 28/4 - 12/5:</strong> Order ticket <strong>ZONE 1 - 30% DISCOUNT</strong><br/>
								<strong>From 12/5 - 19/5:</strong> Order ticket <strong>ZONE 1 / ZONE 2 / VIP - 20% DISCOUNT</strong><br/>
								<strong>From 19/5 - 26/5:</strong> Order ticket <strong>ZONE 1 / ZONE 2 / VIP - 10% DISCOUNT</strong><br/>
								<strong>From 26/5  - 7/6:</strong> Order ticket <strong>ZONE 1 / ZONE 2 / VIP - REGULAR PRICE</strong><br/><br/>
								 
								<strong>ZONE 1 &amp; ZONE 2 TICKETS:</strong> Each ticket will come with a raincoat, a waterproof phone pouch and a drink which you will receive at the event.<br/><br/>

								<strong>VIP TICKET:</strong> Each ticket will come with a raincoat, a waterproof phone pouch and one Peroni beer bottle which you will receive at the event.<br/>
								With every 5 tickets purchased, there will be a table receiving card. We will contact &amp; send it to you directl<br/>
								Each table receiving card will allow you to receive the following: A table, 1 Moet &amp; Chandon Champagne bottle &amp; 1 Fruit plate
							</p><br/>
							<p><strong>FUTURE NOW MUSIC FESTIVAL</strong> – The HOTTEST EDM event of 2014 is finally here.<br/><br/>
								<strong>Future Now Music Festival (FNMF)</strong> – the hottest EDM event of Summer 2014 is going to be a night that all EDM fans will remember for years to come.<br/>
								<strong>Future Now</strong>, with the performances of <strong>DJ Afrojack - #9 on DJ Mag’s Top 100 DJ’s</strong> and the return of <strong>Far East Movement</strong>, the famous American Hip-hop group, will bring you an unforgettable experience with breath-taking music and endless excitement.<br/>
								For <strong>ONE</strong> night only, on <strong>June 7th, 2014</strong> at Saigon Exhibition and Convention Center (SECC), located at 799 Nguyen Van Linh, District 7, Ho Chi Minh city, a crowd of approximately 10,000 EDM fans, party goers and music lovers will drink, dance and enjoy their night to the fullest while watching the performances of some of the best artists in the world right now.
							</p>
						</div>
					</div>
					<div class="video-block">
						<iframe width="100%" height="390" src="http://www.youtube.com/embed/EAohAs9tgGE" frameborder="0" allowfullscreen></iframe>
						<div class="caption">
							<p><strong>DJ Afrojack, TOP 10 DJ's in the world</strong><br/>DJ Afrojack is one of the most successful DJ’s of 2013 with Forbes Magazine ranked him at #7 highest-earning DJ in the world with 18 million USD. At Ultra Music Festival 2014 Miami, Afrojack was the Headline DJ, a responsibility which he easily fulfilled with his unique style and undeniable skills.<br/>Is also packed with the best young and talented DJ’s that Vietnam has to offer, and let’s not </p>
						</div>
					</div>
					<div class="video-block">
						<iframe width="100%" height="390" src="http://www.youtube.com/embed/bltr_Dsk5EY" frameborder="0" allowfullscreen></iframe>
						<div class="caption">
							<p><strong>Far East Movement - Making you "Feelin so fly like a G6"</strong><br/>Far East Movement (FEM), the famous American Hip-hop group that put Fuse Bar Saigon on fire on their first visit to Vietnam back in September 22nd, 2013, will also return just for this night. The first Asian-American group to ever land at #1 on the Hot 100 Billboard Chart, FEM will raise the roof with their incredible energy, undoubtedly!</p>
						</div>
					</div>
					<div class="organizer-info">
						<h2 class="title">Organizer infomation:</h2>
						<div class="content">
							<div class="inner-content">
								<span class="thumb"><img src="images/img-organizer.jpg" alt="" /></span>
								<div class="text-1">
									POSE EVENT - <br />
									BTL: Advertising service & event management
									53/4 Tran Khanh Du Str, Tan Dinh Ward,
									District 1, HCMC
								</div>
							</div>
						</div>
					</div>
					<div class="comment-block">
						<img src="images/upload/thumb-fb.jpg" alt="" />
					</div>
					<div class="recommend-shows">
						<div class="list-box list-box-small">
							<h2 class="title">Recommend show:</h2>
							<div class="list-events">
				                <div class="item">
				                    <div class="news-item">
										<a href="javasript:void(0)" title="">
											<div class="wrap-time col" >
												<span class="time"><span>FROM</span>3/6</span>
											</div>
											<div class="thumb col" >
												<span>
													<img src="images/upload/thumb-1.jpg" title="" />
												</span>
											</div>
											<div class="caption col">
												<div class="text-1">
													<div class="inner-text">
														<h3 class="event-name">Rock Concert Dissonant Nation</h3>
														<span class="address">Cargo Bar, HCMC</span>
													</div>
												</div>
											</div>
										</a>
									</div>
				                </div>
				               	<div class="item">
				                    <div class="news-item">
										<a href="javasript:void(0)" title="">
											<div class="wrap-time col" >
												<span class="time"><span>FROM</span>3/6</span>
											</div>
											<div class="thumb col" >
												<span>
													<img src="images/upload/thumb-1.jpg" title="" />
												</span>
											</div>
											<div class="caption col">
												<div class="text-1">
													<div class="inner-text">
														<h3 class="event-name">Rock Concert Dissonant Nation</h3>
														<span class="address">Cargo Bar, HCMC</span>
													</div>
												</div>
											</div>
										</a>
									</div>
				                </div>
				                <div class="item">
				                    <div class="news-item">
										<a href="javasript:void(0)" title="">
											<div class="wrap-time col" >
												<span class="time"><span>FROM</span>3/6</span>
											</div>
											<div class="thumb col" >
												<span>
													<img src="images/upload/thumb-1.jpg" title="" />
												</span>
											</div>
											<div class="caption col">
												<div class="text-1">
													<div class="inner-text">
														<h3 class="event-name">Rock Concert Dissonant Nation</h3>
														<span class="address">Cargo Bar, HCMC</span>
													</div>
												</div>
											</div>
										</a>
									</div>
				                </div>
				                <div class="item">
				                    <div class="news-item">
										<a href="javasript:void(0)" title="">
											<div class="wrap-time col" >
												<span class="time"><span>FROM</span>3/6</span>
											</div>
											<div class="thumb col" >
												<span>
													<img src="images/upload/thumb-1.jpg" title="" />
												</span>
											</div>
											<div class="caption col">
												<div class="text-1">
													<div class="inner-text">
														<h3 class="event-name">Rock Concert Dissonant Nation</h3>
														<span class="address">Cargo Bar, HCMC</span>
													</div>
												</div>
											</div>
										</a>
									</div>
				                </div>
				            </div>
				            <a href="javascript:void(0)" alt="View More" class="view-more">[View More]</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="footer">
			<div class="inner">
		        <div class="pull-right">
		        	<ul class="list-1">
		        		<li>
		        			<a href="#" title="Customer services: 0978.35.1010">Customer services: 0978.35.1010</a>
		        		</li>
		        	</ul>
		        </div>
		        <p>© 2014 Nhipdap Co. ltd.</p>
			</div>
    	</footer>
	</div>
	<div class="slide-in">
		<ul class="tk-museo-sans">
			<li class="last">
				<div class="wrap-top clearfix">
					<div class="left">
		                <a class="btn-choose-lang" data-toggle="dropdown" data-target="#menu2">EN<i class="fa fa-angle-down"></i></a>
						<div id="menu2" class="dropdown-menu warp-blk-list-lang" role="menu" aria-labelledby="drop5">
							<span class="arrow_box"></span>
							<ul>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">EN</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">VN</a></li>
							</ul>
						</div>
					</div>
					<div class="right">
		                <div class="wrap-social">
		                	<a href="" title="facebook"><i class="fa fa-facebook-square"></i></a>
		                	<a href="" title="youtube"><i class="fa fa-youtube-square"></i></a>
		                </div>
					</div>
				</div>
            	<a href="javascript:void(0)" class="btn btn-default btn-lg">for organizer</a>
            	<div class="wrap-user">
            		<div class="wrap-img">
            			<img src="images/avatar-user.png" alt="">
            		</div>
            		<span class="name">Khôi Trần</span>
            	</div>
            	<a href="javascript:void(0)" class="btn btn-login-fb"><span class="wrap-icon"><i class="fa fa-facebook"></i></span><span class="name">FACEBOOK LOGIN </span></a>
            	<span class="highlight"></span>
            </li>
			<li><a href="#" title="who we are?">who we are?</a><span class="highlight"></span></li>
			<li><a href="#" title="What we do?">What we do?</a><span class="highlight"></span></li>
		</ul>
	</div>
	<script type="text/javascript" src="js/lib.js"></script> 
	<script type="text/javascript" src="js/l10n.js"></script>
	<script type="text/javascript" src="js/plugin.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/start.js"></script>
</body>
</html>
